<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WorkPort</title>
    <link rel="stylesheet" type="text/css" href="../lib/styles/kendo.common-bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/styles/kendo.bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <link rel="stylesheet" type="text/css" href="../css/layout.css">
    <script src="../lib/js/jquery.min.js"></script>
    <script src="../lib/js/kendo.all.min.js"></script>
    <script src="../lib/js/jquery.transit.min.js"></script>
    <script src="../js/jquery.slimscroll.min.js"></script>
    <script src="../js/wp.js"></script>
    <script src="../js/alert.api.js"></script>
</head>

<body>
    <script type="text/javascript">
    function getAlert(){
    	Workport.AlertAPI.getAlert(function(data){    		
    		$('#result').get(0).innerText += (new Date() + ":" + JSON.stringify(data) + "\n");
    	},{pageSize:10});
    }
    function resetAlert(){
    	Workport.AlertAPI.resetAlert(function(data){
    		$('#result').get(0).innerText += (new Date() + ":" + JSON.stringify(data) + "\n");
    	});
    }
    function deleteAlert(){
    	Workport.AlertAPI.deleteAlert(function(data){
    		$('#result').get(0).innerText += (new Date() + ":" + JSON.stringify(data) + "\n");
    	});
    }
    function countAlert(){
    	Workport.AlertAPI.countAlert(function(data){
    		$('#result').get(0).innerText += (new Date() + ":" + JSON.stringify(data) + "\n");
    	});
    }
    function clearLog(){
    	$('#result').get(0).innerText = "";
    }
    </script>
    
</body>
	<input type = "button" onclick = "clearLog()" value="Clear"></br>
	<input type = "button" onclick = "getAlert()" value="Get">
	<input type = "button" onclick = "resetAlert()" value="Reset">
	<input type = "button" onclick = "deleteAlert()" value="Delete">
	<input type = "button" onclick = "countAlert()" value="Count">
	</br>
	
	<div id="result" style="margin: 0px;"></div>
	
</html>